.bxslider3 li img
{
width:100%;
}
.row9
{
margin-left: -22px;
margin-right: -22px;
}
.row3
{
margin-left: -10px;
margin-right: -10px;
}
.row1
{
margin-left:-15px;
margin-right:-15px;
}
.row4
{
margin-left: -5px;
margin-right: -5px;
}
a:hover
{
text-decoration: none;
}
.orde
{
width:100%;
float:left;
}
.logo img{
padding:15px 0;
}
.item-menu-left
{
float: left;
width: 100%;
}
.scrollup
{
width: 54px;
height: 54px;
position: fixed;
bottom: 0px;
right: 20px;
display: none;
text-indent: -9999px;
background: url(../images/back-to-top.png) no-repeat;
z-index: 99999;
}
.carousel
{
width: 100%;
float: left;
}
.carousel-inner .item
{
margin: 0;
}
.carousel-indicators li
{
display: inline-block;
width: 40px;
height: 8px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #85848b;
border: none;
border-radius: 0;
}
.carousel-indicators .active
{
width: 40px;
height: 8px;
margin: 0;
background-color: #0c53ab;
}
#tab_main_nav_container
{
display: table;
}
#tab_main_nav_container .cell
{
display: table-cell;
vertical-align: middle;
}
#nav-cont .nav-list ul li a, #nav-cont .nav-list ul li span a:hover, a:active, a:visited
{
text-decoration: none;
overflow: hidden;
}
img
{
vertical-align: middle;
}
#tab_main_nav_container .cell
{
display: table-cell;
vertical-align: middle;
}
#tab_main_nav
{
padding: 10px 0;
}
.btn-group, .btn-group-vertical
{
position: relative;
display: inline-block;
vertical-align: middle;
}
@media only screen and (max-width: 767px)
{
#nav-wrap
{
float: left;
}
.dynamics
{
background: #fff;
padding: 0 0 25px;
margin-top: 10px;
}
#tab_main_nav
{
width: 100%;
}
#logo a img
{
height: 50px;
margin-left: 10px;
}
.row
{
margin-left: -5px;
margin-right: -5px;
}
.row6
{
padding: 0 10px;
}
}
@media (max-width: 991px)
{
.search-header
{
display: none;
background: #999;
overflow: hidden;
}
.search-header div
{
border: 1px solid #ededed;
border-radius: 5px;
text-align: left;
background: #fff;
margin: 8px 10px;
}
.search-header div input
{
border-radius: 5px;
width: 88%;
outline: none;
resize: none;
height: 26px;
border: none;
padding-left: 5px;
}
}
@media (min-width: 980px)
{
.row11
{
margin-right: -15px;
margin-left: -15px;
}
.dynamics
{
background: #fff;
padding: 0 10px 25px 10px;
margin-top: 10px;
}
.dynamics-video
{
background: #fff;
padding: 0 10px;
}
.nav-wur
{
width: 1050px;
margin-left: auto;
margin-right: auto;
}
section
{
background: #f2f2f2;
padding-bottom: 60px;
}
.product
{
text-align: center;
margin-top: 70px;
margin-left: auto;
margin-right: auto;
width: 45%;
}
.more
{
margin: 30px 0 60px;
text-align: center;
}
.news-tob
{
background: #0d5aae;
width: 23.9%;
height: 399px;
float: left;
text-align: center;
padding: 80px 0 215px 0;
}
.news-tob h3
{
color: #fff;
font-weight: bold;
}
.news-tob span
{
display: block;
color: #fff;
padding: 5px 0;
}
.news-tob a
{
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
padding: 5px 28px;
display: inline-block;
margin-top: 35px;
}
.news-left
{
width: 65%;
float: left;
background: #fff;
}
.news-koo
{
width: 76.1%;
padding: 10px 15px 0 15px;
float: left;
}
.news-tao
{
padding: 0 15px;
float: left;
width: 76.1%;
}
.news-right
{
width: 34%;
margin-left: 10px;
float: left;
}
.aution dl
{
width: 16.66666667%;
float: left;
margin:25px 0;
padding-left:40px;
height: 135px;
background:url(../images/footer-dl.png) no-repeat;
}
}
@media (max-width: 760px)
{
.more a
{
margin-top:20px;
}
.dynamics-video
{
background: #fff;
width: 100%;
}
.product
{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
float: left;
}
.more
{
margin: 10px 0;
text-align: center;
}
.news-tob
{
background: #0d5aae;
float: left;
width: 100%;
padding: 10px 0;
text-align: center;
}
.news-tob h3
{
color: #fff;
font-weight: bold;
}
.news-tob span
{
display: block;
color: #fff;
padding: 5px 0;
}
.news-tob a
{
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
padding: 5px 28px;
display: inline-block;
}
.news-left
{
width: 100%;
float: left;
background: #fff;
}
.news-koo
{
width: 100%;
padding: 10px 0;
float: left;
}
.news-tao
{
float: left;
width: 100%;
}
.news-right
{
width: 100%;
float: left;
}
}
@media only screen and (min-device-width: 320px) and (max-width: 580px)
{
.aution dl
{
width: 50%;
float: left;
margin-top:25px;
padding-left:40px;
height: 135px;
background:url(../images/footer-dl.png) no-repeat;
}
}
@media (min-width: 580px) and (max-width: 760px)
{
.aution dl
{
width: 33.33333%;
float: left;
margin-top:25px;
padding-left:40px;
height: 135px;
background:url(../images/footer-dl.png) no-repeat;
}
}
.product h2
{
text-transform: uppercase;
font-weight: bold;
padding: 10px 0;
color: #333;
border-bottom: 1px solid #c9c9c9;
}
.product span
{
padding: 5px 0 30px;
display: block;
font-size: 18px;
text-transform:uppercase;
}
.product h2 b
{
font-weight: bold;
}
.product b
{
color: #ff0066;
font-weight: normal;
}
.product-border
{
position: relative;
border: 3px solid #515151;
width: 15px;
margin-left: auto;
margin-right: auto;
bottom: 3px;
}
.more a
{
padding: 10px 50px;
border: 1px solid #858585;
color: #858585;
font-weight: bold;
display: inline-block;
}
.more a:hover
{
color: #ff0066;
border: 1px solid #ff0066;
}
.news
{
background: #f2f2f2;
padding-bottom: 60px;
}
.dynamics-border
{
border-bottom: 3px solid #666;
width: 73px;
position: relative;
top: 31px;
}
.news-tob a:hover
{
color: #ff0066;
border: 1px solid #ff0066;
}
.news-ove img
{
width: 34.5%;
float: left;
height: 132px;
}
.news-tau
{
float: left;
padding-left: 10px;
width: 65.5%;
}
.news-tau h5
{
font-size: 14px;
color: #333;
font-weight: 600;
}
.news-tau span
{
display: block;
padding: 10px 0;
}
.news-tau p
{
overflow: hidden;
line-height: 22px;
height: 65px;
}
.news-tao ul
{
list-style: square inside url('../images/news-ul.png');
padding: 0;
}
.news-tao ul li
{
height: 40px;
line-height: 40px;
border-bottom: 1px #d8d8d8 dashed;
}
.news-tao ul li a
{
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-tao ul li a:hover
{
color: #ff0066;
}
.news-tao ul li span
{
float: right;
}
.dynamics-spy
{
background: #fff;
padding: 10px 0;
width: 100%;
display: inline-block;
border-bottom: 1px solid #dcdcdc;
}
.dynamics-spy span
{
float: left;
color: #333;
font-size: 16px;
}
.dynamics-spy a
{
float: right;
color: #e63951;
font-size:12px;
text-transform:uppercase;
}
.dynamics-spy a:hover
{
color: #0d5aae;
}
.dynamics ul
{
padding: 0;
width: 100%;
display: inline-block;
}
.dynamics ul li
{
height: 40px;
line-height: 40px;
border-bottom: 1px #d8d8d8 dashed;
}
.dynamics ul li a
{
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dynamics ul li a:hover
{
color: #ff0066;
}
.dynamics ul li span
{
float: right;
}
#carousel-wrapper
{
position: relative;
background: #eee;
}
#carousel, #thumbs
{
overflow: hidden;
}
#carousel-wrapper .caroufredsel_wrapper
{
border-radius: 10px;
}
#carousel span, #carousel img, #thumbs a, #thumbs img
{
display: block;
float: left;
}
#carousel span, #carousel a, #thumbs span, #thumbs a
{
position: relative;
}
#thumbs img
{
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#carousel span
{
width: 80%;
}
#thumbs-wrapper
{
padding: 15px 40px;
margin: 10px 0 20px;
position: relative;
border: 1px solid #899;
}
#thumbs a
{
border: 1px solid #899;
width: 150px;
height: 100px;
margin: 0 10px;
overflow: hidden;
-webkit-transition: border-color .5s;
-moz-transition: border-color .5s;
-ms-transition: border-color .5s;
transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected
{
border-color: #566;
}
#wrapper img#shadow
{
width: 100%;
position: absolute;
bottom: 0;
}
#prev, #next
{
background: transparent url('../img/gui/carousel_nav.png') no-repeat 0 0;
display: block;
width: 19px;
height: 20px;
margin-top: -10px;
position: absolute;
top: 50%;
}
#prev
{
background-position: 0 0;
left: 10px;
}
#next
{
background-position: -19px 0;
right: 10px;
}
#prev:hover
{
background-position: 0 -20px;
}
#next:hover
{
background-position: -19px -20px;
}
#prev.disabled, #next.disabled
{
display: none !important;
}
#donate-spacer
{
height: 100%;
}
footer
{
background:url(../images/footer-background.png)repeat;
margin-top: 80px;
width: 100%;
float: left;
}
.aution dl:last-child
{
background:none;
}
.aution dl dd
{
line-height: 21px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.aution dl dd a
{
color: #fff;
font-size:12px;
font-weight:normal;
}
.aution dl dt a
{
font-size: 14px;
font-weight:bold;
color:#fff;
}
.aution dl dt a:hover,.aution dl dd a:hover
{
color: #ff0066;
}
.txtScroll-top
{
width: 100%;
overflow: hidden;
position: relative;
}
.txtScroll-top .hd
{
overflow: hidden;
height: 30px;
}
.txtScroll-top .hd .prev, .txtScroll-top .hd .next
{
display: block;
width: 9px;
height: 5px;
float: right;
margin-right: 5px;
margin-top: 10px;
overflow: hidden;
cursor: pointer;
background: url("../images/icoUp.gif") no-repeat;
}
.txtScroll-top .hd .next
{
background: url("../images/icoDown.gif") no-repeat;
}
.txtScroll-top .hd ul
{
float: left;
overflow: hidden;
zoom: 1;
margin-top: 10px;
}
.txtScroll-top .hd ul li
{
float: left;
width: 9px;
height: 9px;
overflow: hidden;
margin-right: 5px;
text-indent: -999px;
cursor: pointer;
background: url("../images/icoCircle.gif") 0 -9px no-repeat;
}
.txtScroll-top .hd ul li.on
{
background-position: 0 0;
}
.txtScroll-top .infoList li
{
height: 40px;
line-height: 38px;
border-bottom: 1px #d8d8d8 dashed;
}
.txtScroll-top .infoList li a
{
float: left;
color: #666;
}
.txtScroll-top .infoList li .date
{
float: right;
color: #999;
}
.btn-nav
{
padding-top: 17px;
width: 190px;
float: right;
}
.btn-tav
{
padding: 10px 0;
width: 190px;
padding-left: 80px;
}
.btn-tav a
{
color: #666;
padding: 0 10px;
}
.btn-tav a:hover
{
color: #ff0066;
}
.Search-btn
{
background: #0c53ab;
overflow: hidden;
}
.aty
{
position: absolute;
top: 13px;
left: 70%;
}
.customNavigation .prev, .customNavigation .next
{
position: absolute;
top: 33%;
font-size: 24px;
z-index: 1;
}
.site-footer a
{
color: white;
}
.fa
{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px)
{
.customNavigation a i
{
font-size: 30px;
}
.customNavigation .next
{
opacity:0;
}
.customNavigation .prev
{
opacity:0;
}
}
@media (min-width: 980px)
{
.customNavigation a i
{
font-size: 45px;
}
.customNavigation .next
{
right: -60px;
}
.customNavigation .prev
{
left: -60px;
}
}
.owl-carousel .owl-wrapper-outer
{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item
{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper
{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-item
{
float: left;
}
.item
{
width:auto;
}
.site-footer
{
color: white;
font-size: 13px;
}
.item img
{
width: 100%;
}
.owl-controls
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div
{
cursor: pointer;
}
.owl-carousel
{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-demo-fgt
{
background: #ececec;
padding: 0 10px 10px;
}
.owl-demo-fgt h5
{
color: #0d5aae;
font-size: 16px;
padding: 10px 0;
font-weight: 600;
}
/*��Ʒ����*/
.Two-level-navigation
{
margin: 30px 0;
}
.Two-level-navigation span, .Two-level-navigation a
{
font-size: 13px;
color: #666;
padding: 0px 2px;
}
.Two-level-navigation a:hover
{
color: #ff0066;
}
.Two-level-navigation a.activ
{
color: #ff0066;
}
@media (min-width: 980px)
{
.product-tavb
{
height:264px;
text-align: center;
width: 25%;
padding: 0 10px;
float: left;
margin: 10px 0 27px;
}
.product-tavb-glt img
{
width: 100%;
height: 235px;
}
}
@media only screen and (min-device-width: 320px) and (max-width: 480px)
{
.product-tavb
{
text-align: center;
width: 50%;
padding: 0 10px;
float: left;
margin: 10px 0;
}
.product-tavb-glt img
{
width: 100%;
}
}
@media (max-width: 767px) and (min-width: 480px)
{
.product-tavb
{
text-align: center;
width: 33.3333333%;
padding: 0 10px;
float: left;
margin: 10px 0;
}
.product-tavb-glt img
{
width: 100%;
height: 180px;
}
}
.product-tavb-glt:hover
{
cursor: pointer;
border:5px solid #e63951;
}
.product-tavb-glt p
{
margin: 10px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-tavb-glt p a
{
color: #333;
}
/*��Ƶ*/
.video-information
{
background: #f3f3f3;
float: left;
width: 100%;
padding: 15px 10px;
}
.video-information span
{
font-size: 16px;
color: #333;
margin-right:60px;
overflow: hidden;
display:block;
text-align:center;
text-overflow: ellipsis;
white-space: nowrap;
}
.video-information a
{
color: #fff;
background: #0c53ab;
padding: 2px 15px;
display: inline-block;
border-radius: 15px;
float: right;
font-size: 14px;
}
/*��Ʒ����*/
@media (min-width: 980px)
{
.plate-alt
{
float:right;
}
.item-menu-left
{
width: 22.5%;
margin: 30px 20px 0 0;
float: left;
}
.recommended-news
{
margin-top: 30px;
border: 1px solid #e7e7e7;
}
.news-yrt
{
border-top: 3px solid #0c53ab;
background:url(../images/leie.png)repeat-x;
}
.news-yrt h5
{
height: 47px;
line-height: 47px;
padding-left: 10px;
font-size: 16px;
color: #333;
font-weight: 600;
}
.news-litts ul
{
padding: 0;
background: #eff3f8;
padding-bottom: 10px;
}
.news-litts ul li
{
height: 40px;
line-height: 40px;
border-bottom: 1px #d8d8d8 dashed;
position: relative;
padding-left: 20px;
}
.news-litts ul li:hover
{
background: #fafcff;
color: #0c53ab;
}
.news-litts ul li:before
{
content: '';
display: inline-block;
position: absolute;
left: 10px;
top: 50%;
margin-top: -3px;
width: 5px;
height: 5px;
border-radius: 5px;
background: #666;
}
.news-litts ul li a
{
color: #666;
font-size: 12px;
}
.news-litts ul li:hover a
{
background: #fff;
color: #0c53ab;
}
.news-litts ul li:hover:before
{
background: #0c53ab;
}
.lay-contact
{
margin-top: 30px;
background: #eff3f8;
}
.lay-contact img
{
width: 100%;
}
.lay-contact h6
{
height: 45px;
line-height: 50px;
font-size: 12px;
color: #0c53ab;
font-weight: 600;
padding-left: 10px;
border-bottom: 1px #d8d8d8 dashed;
}
.item-menu-right
{
width: 73.5%;
margin: 30px 0 0 20px;
float: left;
}
.plate
{
color: #e63951;
border-bottom: 6px solid #e63951;
font-size: 22px;
font-weight: 600;
margin-bottom: 30px;
line-height: 1;
padding-bottom:15px;
float: left;
}
.plate-tue
{
color: #e63951;
border-bottom: 6px solid #e63951;
font-size: 24px;
font-weight: 600;
line-height: 1;
padding-bottom:23px;
margin-bottom: 30px;
width: 18.5%;
float: left;
}
.plate-fault
{
color: #e63951;
border-bottom: 6px solid #e63951;
font-size: 24px;
font-weight: 600;
line-height: 1;
padding-bottom:23px;
margin-bottom: 30px;
width: 21.5%;
float: left;
}
.plate-navigation-fault
{
width: 78.5%;
float: left;
border-bottom: 6px solid #0c53ab;
height: 53px;
line-height: 40px;
margin-bottom: 30px;
}
.plate-navigation-ov
{
width: 81.5%;
float: left;
border-bottom: 6px solid #0c53ab;
height: 53px;
line-height: 40px;
margin-bottom: 30px;
}
.load
{
border-top: 2px solid #999999;
border-left: 1px solid #dedfde;
border-right: 1px solid #dedfde;
border-bottom: 1px solid #dedfde;
float: left;
width: 100%;
margin: 17px 0 20px 0;
background: #f7f7f7;
}
.load ul
{
padding: 0;
}
.load ul li
{
float: left;
padding: 10px 15px;
}
.load ul li a
{
color: #666;
}
.load ul li.load-activ a, .load ul li a:hover
{
color: #ff0066;
}
.load-kes
{
border-right: 1px solid #dedfde;
}
.load-activ
{
position: relative;
border-top: 2px solid #e63951;
border-left: 1px solid #dedfde;
border-right: 1px solid #dedfde;
margin: -7px 10px;
height: 47px;
background: #fff;
}
.plate-alt
{
margin-bottom:15px;
}
.plate-navigation
{
width:100%;
float: left;
border-bottom: 6px solid #0c53ab;
height: 43px;
line-height: 32px;
margin: 30px 0;
}
.Product-classification-tiele
{
background: #f5f7fa;
text-align: center;
height: 60px;
border-radius: 3px;
}
.Product-classification-tiele b
{
display: block;
padding-top: 10px;
color: #333;
}
.Product-classification-tiele span
{
color: #666;
}
.podr-popover
{
margin-top: 20px;
}
.podr-popover:hover .Product-classification-tiele, .podr-popover:hover .Product-classification-tiele span, .podr-popover:hover .Product-classification-tiele b
{
background: #333;
color: #fff;
}
}
.socialIcon
{
width: 35px;
height: 35px;
float: left;
background-image: url(../img/contact-tel.png);
border: none;
margin: 0;
padding: 0;
}
#Switchboard
{
background-position: 40px -22px;
}
#Fax
{
background-position: 40px -54px;
}
#Mail
{
background-position: 40px -86px;
}
#qq
{
background-position: 40px -118px;
}
.lay-contact-tel
{
background: #eff3f8;
float: left;
}
.lay-contact-tel p
{
float: left;
margin: 10px 0;
}
.plate-alt span, .plate-alt a
{
color: #666;
font-size:12px;
}
.plate-alt a:hover, .plate-alt a.activ
{
color: #ff0066;
}
.Product-classification a img
{
width: 100%;
}
.Product-classification a p
{
text-align: center;
padding: 10px 0;
background: #f5f7fa;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Product-classification a:hover p
{
color: #ff0066;
}
@media (max-width: 768px)
{
.item-menu-right
{
width: 100%;
float: left;
}
.plate
{
color: #e63951;
border-bottom: 6px solid #e63951;
font-size: 24px;
font-weight: 600;
padding: 0 0 14px 0;
margin-bottom: 30px;
width: 100%;
float: left;
}
.plate-navigation
{
width: 100%;
float: left;
border-bottom: 6px solid #0c53ab;
height: 53px;
line-height: 40px;
margin-bottom: 30px;
}
.Product-classification-tiele
{
background: #f5f7fa;
text-align: center;
height: 60px;
border-radius: 3px;
}
.Product-classification-tiele b
{
display: block;
padding-top: 10px;
color: #333;
}
.Product-classification-tiele span
{
color: #666;
}
.podr-popover
{
margin-top: 20px;
}
.podr-popover:hover .Product-classification-tiele, .podr-popover:hover .Product-classification-tiele span, .podr-popover:hover .Product-classification-tiele b
{
background: #333;
color: #fff;
}
}
.tinynav
{
display: block;
width: 100%;
padding: 3px;
border: 1px solid rgb(224, 224, 224);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
margin: 10px 0;
border-radius: 0px;
height: 30px;
}
/*��Ʒ����*/
.load-details-sive
{
padding-top: 10px;
width: 100%;
float: left;
}
.load-details-sive span
{
color: #000;
font-weight: 600;
float: left;
padding-right: 5px;
}
.load-details-sive p
{
color: #333;
float: left;
padding-left: 5px;
margin-bottom: 0;
line-height: 24px;
}
.details-vit
{
border: 1px solid #dedfde;
float: left;
width: 100%;
margin-top: 55px;
}
.details-vit-let
{
padding: 20px 0;
background: #eef0f6;
}
.daye-tbl
{
position: relative;
border-top: 3px solid #0c53ab;
border-left: 1px solid #dedfde;
border-right: 1px solid #dedfde;
margin: -7px 10px;
height: 47px;
width: 120px;
top: -40px;
line-height: 50px;
background: #fff;
text-align: center;
font-size: 16px;
color: #0c53ab;
}
.details-tav
{
padding: 0 20px;
}
@media (max-width: 768px)
{
.details-tie img
{
width: 100%;
margin-right: 10px;
float: left;
}
.load-details
{
width: 100%;
float: left;
margin-left: 15px;
}
.load-details h5
{
height: 55px;
line-height: 55px;
font-size: 18px;
font-weight: 600;
color: #0c53ab;
border-bottom: 1px #d8d8d8 dashed;
}
.load-details a
{
background: #0c53ab;
padding: 10px 25px;
color: #fff;
text-align: center;
display: inline-block;
margin: 5px 10px 5px 5px;
float: left;
}
.details-tav img
{
padding: 20px 0;
width: 100%;
}
}
@media (min-width: 980px)
{
.details-tie img
{
width: 37.5%;
margin-right: 10px;
float: left;
}
.load-details
{
width: 59.1%;
float: left;
margin-left: 15px;
}
.load-details h5
{
height: 55px;
line-height: 55px;
font-size: 18px;
font-weight: 600;
color: #0c53ab;
border-bottom: 1px #d8d8d8 dashed;
}
.load-details a
{
background: #0c53ab;
padding: 10px 45px;
color: #fff;
text-align: center;
display: inline-block;
margin: 5px 20px 5px 5px;
}
.details-tav img
{
padding: 15px 0 35px;
width: 90%;
}
}
.tavb-kice
{
width:100%;
float:left;
margin-top:20px;
}
/*��������*/
@media (min-width: 980px)
{
.service-concept
{
margin: 40px 0;
}
.service-concept h5
{
margin: 30px 0 15px 0;
font-size: 16px;
color: #0c53ab;
font-weight: 600;
}
.service-concept p
{
line-height: 24px;
}
}
@media (max-width: 768px)
{
.service-concept
{
margin: 20px 0;
}
.service-concept h5
{
margin: 15px 0 10px 0;
font-size: 15px;
color: #0c53ab;
font-weight: 600;
}
.service-concept p
{
line-height: 21px;
}
}
.service-concept img
{
width: 100%;
}
/*�������ϴ���*/
@media (max-width: 768px)
{
.service-concept h4
{
font-size: 18px;
color: #0c53ab;
font-weight: bold;
margin: 15px 0 10px 0;
}
}
@media (min-width: 980px)
{
.service-concept h4
{
font-size: 18px;
color: #0c53ab;
font-weight: bold;
margin: 40px 0 27px 0;
}
.w60
{
width: 60px;
}
.w190
{
width: 190px;
}
.w215
{
width: 215px;
}
.table thead tr th
{
font-size: 16px;
color: #333;
font-weight: bold;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
padding: 8px;
line-height: 25px;
vertical-align: middle;
border-top: 1px solid #ddd;
}
}
@media (min-width: 980px)
{
.technical-communication
{
background: #f0f7ff;
margin: 10px 0 15px 0;
float: left;
border-radius: 8px;
padding: 20px;
}
.control-group p
{
width: 100%;
margin: 30px 0 0 100px;
float: left;
}
}
@media (max-width: 768px)
{
.control-group p
{
width: 100%;
margin: 30px 0 0 0;
float: left;
}
}
.technical-communication span
{
color: #ff0066;
}
.control-group .control-label
{
float: left;
width: 100px;
text-align: left;
font-size: 14px;
color: #333;
}
.control-group span
{
color: #f00;
height: 35px;
line-height: 35px;
padding: 0 10px;
}
.form-control
{
height: 35px;
font-size: 12px;
line-height:35px;
color: #555;
background-color: #fff;
background-repeat:no-repeat;
border-radius: inherit;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.control-group
{
float: left;
width: 100%;
margin-top: 15px;
}
label
{
display: inline-block;
max-width: 100%;
margin-top: 5px;
font-weight: normal;
font-size: 14px;
}
.verification-code, .verification-code img, .verification-code a
{
float: left;
display: inline-flex;
}
.verification-code img
{
height: 35px;
}
.verification-code a
{
width: 150px;
line-height: 35px;
font-size: 16px;
}
.control-group p button
{
margin: 0 10px;
}
.btn-primary
{
background: #0c53ab;
}
.seve-gr
{
width: 100%;
float: left;
padding: 0 15px 20px 15px;
border: 1px solid #ccc;
margin: 40px 0;
}
.ie-yuen
{
width: 100%;
float: left;
padding: 20px 0;
border-bottom: 1px #d8d8d8 dashed;
}
.ie-coce
{
width: 100%;
float: left;
}
.ier-tg
{
width: 35px;
height: 35px;
display: inline-block;
background-image: url(../img/icoek.png);
border: none;
float: left;
background-position: -45px 0;
}
.ier-pr
{
width: 35px;
height: 35px;
display: inline-block;
background-image: url(../img/icoek.png);
border: none;
float: left;
background-position: -43px -35px;
}
.ie-coce h6
{
color: #e63951;
font-size: 14px;
float: left;
height: 35px;
line-height: 35px;
padding-left: 10px;
}
.ie-coce b
{
font-weight: normal;
font-size: 12px;
color: #666;
height: 35px;
float: right;
line-height: 35px;
}
.ie-coce p
{
padding-left: 10px;
display: table-cell;
}
.btnti
{
text-align: center;
float: left;
width: 100%;
}
.btnti a
{
padding: 8px 40px;
font-size: 14px;
color: #333;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
border: 1px solid #ccc;
text-align: center;
margin: 25px 0;
background: #eef0f2;
}
.btnti a:hover
{
border: 1px solid #ff0066;
color: #ff0066;
}
/* �����б�*/
.ier-span-tf
{
width: 30px;
height: 30px;
display: inline-block;
background-image: url(../img/icoek.png);
border: none;
float: left;
background-position: -43px -73px;
}
.news-litt h4
{
font-size: 16px;
color: #0c53ab;
padding: 10px 0;
font-weight: 600;
}
.tav-ue
{
height: 30px;
line-height: 30px;
font-size: 12px;
}
.withe-foe
{
background: #f5f6fa;
}
.news-ie img
{
border-radius:0;
}
@media (min-width: 980px)
{
.news-ie
{
float: left;
width: 100%;
padding: 25px 0;
border-bottom: 1px #d8d8d8 dashed;
}
.news-ie img
{
float: left;
width: 21.8%;
}
.news-litt
{
padding: 0 10px;
float: left;
width: 78.2%;
}
}
.news-ie:hover
{
background:#f5f6fa;
}
@media (max-width: 768px)
{
.news-ie
{
float: left;
width: 100%;
padding: 15px 0;
border-bottom: 1px #d8d8d8 dashed;
}
.news-ie img
{
float: left;
width: 100%;
}
.news-litt
{
padding: 0 10px;
float: left;
width: 100%;
}
}
/*������������*/
.bae-bey
{
text-align: center;
float: left;
width: 100%;
}
.bae-bey h2
{
font-size: 22px;
color: #444;
font-weight: bold;
padding: 20px;
border-bottom: 2px solid #d4d3d8;
}
.tov-bat
{
float: left;
width: 100%;
text-align: center;
padding: 10px 0;
}
.tov-bat ul
{
padding: 0;
display: inline-block;
}
.tov-bat ul li
{
float: left;
height: 30px;
line-height: 30px;
}
.tov-bat span
{
float: none;
margin: 0 3px;
}
.details span
{
font-size: 13px;
}
.company-news-detai p
{
line-height: 24px;
}
.details-back-next a
{
color: #0c53ab;
padding-left: 5px;
}
.details-back-next:hover a
{
color: #ff0066;
}
.details-back-next:hover span, .details-title a:hover
{
color: #ff0066;
}
.details-back-next:hover
{
border: 1px solid #ff0066;
}
.details-title span
{
font-size: 13px;
padding: 0 5px;
}
@media (min-width: 980px)
{
.details-title
{
float: left;
width: 100%;
margin-top: 20px;
text-align: left;
}
.bdsharebuttonbox
{
float: right;
}
.details-back
{
background: #edf0f5;
padding: 10px 20px;
float: left;
width: 100%;
}
.details-back-next
{
border: 1px solid #0c53ab;
text-align: left;
display: block;
width: 120px;
padding: 5px;
color: #0c53ab;
margin-top: 3px;
font-size: 13px;
cursor: pointer;
transition: all .2s ease-in-out;
float: left;
}
.media-marg
{
margin-top: 5px;
}
}
@media (min-width: 329px) and (max-width: 420px)
{
.details-back
{
background: #edf0f5;
padding: 10px 20px;
width: 100%;
float: left;
}
.details-back-next
{
border: 1px solid #0c53ab;
text-align: left;
display: block;
width: 120px;
padding: 5px;
color: #0c53ab;
margin-top: 3px;
font-size: 13px;
cursor: pointer;
transition: all .2s ease-in-out;
}
}
@media (min-width: 420px) and (max-width: 768px)
{
.details-back
{
background: #edf0f5;
padding: 10px 15px 10px 20px;
float: left;
width: 100%;
}
.details-back-next
{
border: 1px solid #0c53ab;
text-align: left;
display: block;
width: 120px;
padding: 5px;
color: #0c53ab;
margin-top: 3px;
font-size: 13px;
cursor: pointer;
transition: all .2s ease-in-out;
float: left;
}
.bdsharebuttonbox
{
float: right;
}
}
@media (max-width: 768px)
{
.details-title
{
float: left;
width: 100%;
margin-top: 10px;
text-align: left;
}
.tov-bat img
{
margin-top: 5px;
}
}
.tov-bat img
{
width: 100%;
}
/*��ϵ����*/
.contact-tet
{
margin: 30px 0;
}
.cook-written
{
font-size: 16px;
color: #0c53ab;
font-weight: bold;
}
.company-news-detai p
{
text-align: left;
float: left;
}
.map-com-ou
{
margin: 20px 0;
}
.map-com-ou
{
float: left;
width: 100%;
}
.map-com-ou h6
{
font-size: 15px;
color: #0c52aa;
font-weight: bold;
margin-bottom: 10px;
}
.international-active h5
{
font-size: 16px;
color: #000;
margin: 0 0 15px 0;
font-weight: bold;
}
.international-active span
{
margin: 0 0 25px 0;
display: block;
}
.international-active-ov h5
{
font-size: 16px;
color: #000;
margin: 0 0 15px 0;
font-weight: bold;
}
.international-active-ov span
{
margin: 0 0 25px 0;
display: block;
}
@media (min-width: 980px)
{
.lefa-map
{
float: left;
background: #fff;
padding: 25px;
}
.international-active
{
min-height: 260px;
background: #f7f8fc;
float: left;
width:48.9%;
margin:10px 5px;
border: 1px solid #d7e9ff;
padding:30px 0 0 40px
}
.international-active-ov
{
min-height: 233px;
background: #fffaf6;
width:48.9%;
margin: 10px 5px;
padding:30px 0 0 40px;
float: left;
border: 1px solid #fcefe9;
}
}
@media (max-width: 768px)
{
.plate-alt
{
float:left;
width:100%;
margin-bottom:30px;
}
.teed
{
padding:20px;}
.row5
{
margin-left:-5px;
margin-right:-5px;
}
.international-active
{
float: left;
background: #f7f8fc;
width: 100%;
margin-top: 20px;
border: 1px solid #d7e9ff;
}
.international-active-ov
{
float: left;
background: #fffaf6;
margin-top: 20px;
width: 100%;
border: 1px solid #fcefe9;
}
}
/* �����ͬ*/
.home-rc .gallery
{
float: left;
position: relative;
}
@media (min-width: 980px)
{
.es-carousel
{
width: 100%;
float: left;
}
.es-carousel ul li
{
width: 33.3333333%;
float: left;
padding:10px;
}
}
@media only screen and (min-device-width: 320px) and (max-width: 480px)
{
.es-carousel ul li
{
width: 100%;
padding:10px;
float: left;
}
}
@media (min-width: 480px) and (max-width: 768px)
{
.es-carousel ul
{
width: 100%;
float: left;
}
.es-carousel ul li
{
width: 50%;
padding:10px;
float: left;
}
}
.eer
{
background:#f7f8fc;
text-align: center;
}
.es-carousel ul li
{
position:relative;
}
.es-carousel ul li a span
{
width: 50px;
height: 50px;
}
.es-carousel li a span.rollover-zoom
{
background: url("../img/zoom.png") no-repeat scroll center 13px rgba(0, 0, 0, 0.7);
padding: 20px 25px;
}
.es-carousel ul li a span.rollover-zoom
{
border-radius: 50px 50px 50px 50px;
-moz-border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
behavior: url(js/PIE.htc);
display:none;
color: #FFFFFF;
font: bold 10px 'arial';
padding: 10px 20px;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}
.es-carousel ul li a img
{
padding: 25px 50px;
float: left;
width: 100%;
}
.es-carousel ul li a span
{
position:absolute;
z-index:3;
top:25%;
left:40%;
}
.es-carousel ul li h6
{
font-size: 12px;
width:100%;
color: #333;
padding:17px 0 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
}
.es-carousel ul li span
{
color:#333;
padding:5px 0 17px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.culture-b
{
margin-top: 20px;
width: 100%;
float: left;
}
@media (max-width: 768px)
{
.culture-b
{
padding: 0 35px;
}
.culture-b .bx-wrapper .bx-controls-direction a
{
width: 25px;
height: 25px;
}
.culture-b .bx-wrapper .bx-controls-direction a span
{
font-size: 25px;
color: #acacac;
}
}
@media (min-width: 768px)
{
.course-video
{
float: left;
width: 100%;
padding-bottom: 50px;
}
.course-btn-group ul li h6
{
position: relative;
left: -8px;
}
.culture-b .bx-wrapper .bx-controls-direction a
{
width: 40px;
height: 40px;
}
.culture-b .bx-wrapper .bx-controls-direction a span
{
font-size: 40px;
color: #acacac;
}
}
.culture-b .bx-wrapper .bx-controls-direction a:hover span
{
color: #0d5aae;
}
.culture-b .bx-wrapper .bx-viewport
{
background: 0;
}
.culture-b .slider2 .slider
{
margin: 0;
}
.footer-stde
{
background:#141b21;
padding:25px 0 15px;
text-align:center;
}
.footer-stde p
{
font-size:12px;
color:#8291a4;
}